<script setup>

import {ref} from "vue";

const showS = ref(false)
</script>
<template>
  <!--店铺选择弹窗-->
  <u-popup :show="showS" :round="10" mode="bottom" @close="close" closeable>
    <view style="">
      <view class="box-title">选择店铺</view>

      <view class="baocuan-wrao">
        <view class="bgTitle-box">

        </view>
      </view>

      <view class="btn-list-box">
        <view @click="close">确认</view>
      </view>
    </view>
  </u-popup>
</template>

<style scoped lang="scss">
.box-title {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: 0 0 20rpx 0;
  padding: 16px 30rpx;
  position: fixed;
  z-index: 2;
  border-radius: 20rpx 20rpx 0 0;
  background: #fff;
}

.baocuan-wrao {
  padding: 30rpx 0;
  height: 50%;

  .bgTitle-box {
    padding-top: 41px;
    border-bottom: #f1f1f1 1px solid;

    .bgTitle-title {
      padding: 12px 10px 12px 20px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .bgTitleName {
      width: 100%;
      border-top: #f1f1f1 1px solid;

      .dianpuname {
        display: flex;
        align-items: center;
        font-size: 32rpx;

        .meituantag {
          margin-right: 10rpx;
          background-color: #fdcc38;
          border-radius: 36rpx;
          color: #333333;
          font-size: 22rpx;
          height: 38rpx;
          padding: 4rpx 16rpx;
        }

        .elmtag {
          margin-right: 10rpx;
          background-color: #1db9ff !important;
          border-radius: 36rpx;
          color: #ffffff;
          font-size: 22rpx;
          height: 38rpx;
          padding: 4rpx 10rpx;
        }
      }
    }
  }
}

.isCurrent {
  color: #fa3a34;
  padding: 12px 10px 12px 20px;
  display: flex;
  align-items: center;
  margin-left: 20rpx;
  justify-content: space-between;
}

.morenxz {
  padding: 12px 10px 12px 20px;
  display: flex;
  align-items: center;
  margin-left: 20rpx;
  justify-content: space-between;
}

.btn-list-box {
  //display: flex;
  //align-items: center;
  //justify-content: space-between;
  //border-top: 1px solid #ececec;
  padding: 0 20rpx 20rpx;
  z-index: 2;

  view:nth-child(1) {
    text-align: center;
    flex: 1;
    height: 88rpx;
    background-image: linear-gradient(90deg, #fa3a34, #fb9360);
    line-height: 88rpx;
    color: #ffffff;
    border-radius: 44rpx;
  }
}
</style>
